  .su-login {
    background: #45453C;
    &-image{
      content:'';
      display: block;
      position: fixed;
      z-index: 0;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      overflow: hidden;
      // background-image: linear-gradient(135deg, #E94F4C 0%, #F4A466 100%);
      // background-image: linear-gradient(135deg, #9A3735 0%, #B2662B 100%);
      image{
        width: 100%;
        height: 100%;
      }
    }
  }
 .login-body{
   padding: 30% 60upx 100upx 60upx;
   margin-left: auto;
   margin-right: auto;
   background-image: linear-gradient(180deg, #E0F1FF 0%, #FFFFFF 98%);
   u--form{
     width: 100%;
   }
 }
 .login-wx-button {
   height: 100upx;
   font-size: 36upx;
   border-radius: 60px;
 }
 .su-login-title{
   font-size: 56upx;
   color: #333;
   text-align: center;
 }
 .su-login-slogan{
   opacity: 0.7;
   font-size: 32upx;
   color: #333;
   font-weight: 300;
   margin-top: 20upx;
   margin-bottom: 100upx;
   text-align: center;
 }
 .login-type{
   &-list{
     display: flex;
     margin-top: 15px;
   }
   &-item{
     flex: 1;
     font-size: 28upx;
     color: #333;
     letter-spacing: 0;
     height: 100upx;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 400;
     &:active{
       opacity: 0.6;
     }
   }
 }
 

 .login-protocol{
   position: fixed;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
   min-height: 120upx;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 10;
   left: 0;
   right: 0;
   bottom: 0;
   &-content{
     display: flex;
     align-items: center;
     color: #fff;
     font-size: 26upx;
     color: rgba($color: #fff, $alpha: 0.6);
     /deep/.u-checkbox__icon-wrap{
       border: none !important;
       border-radius: 30upx;
     }
     text{
       color: rgba($color: #fff, $alpha: 1.0);
       &:active{
         opacity: 0.6;
       }
     }
   }
 }
 
 .login-forget-password{
   color: rgba(255,255,255,0.7);
   font-size: 28upx;
   text-align: center;
   text{
     color: rgba(255,255,255,1);
     &:active{
       opacity: 0.6;
     }
   }
 }